<script setup>

const props = defineProps({
  href: {
    type: String,
    default: '#'
  },
  textColor: {
    type: String,
    default: 'white'
  },
  anchorText: {
    type: String,
    default: '锚文本'
  },
  hoverTextColor: {
    type: String,
    default: ''
  },
  additionalClasses: {
    type: [String, Array],
    default: ''
  }
});

</script>

<template>
  <a :href="props.href" class="block py-2 px-3 text-gray-400 rounded bg-transparent lg:bg-transparent lg:text-gray-700 lg:p-0 dark:text-white">
     <slot>{{ props.anchorText }} </slot>
  </a>
</template>

<style scoped>

</style>